import React from "react"

export default function index() {
    const zf = 80
    const jgfs = 80
    const arrMyScore = [10, 80, 90, 100]
    const arr = [{
        name: 'wxy', age: '18'
    }, {
        name: 'lxy', age: '16'
    }]


    function getDcpd(myScore) {
        let dcpd
        const objDcpd = {
            '1': '优秀',
            '2': '良好',
            '3': '及格',
            '4': '不及格',
        }

        if (myScore === zf) {
            return objDcpd[1]
        } else if (myScore < zf && myScore > jgfs) {
            return objDcpd[2]
        } else if (myScore === jgfs) {
            return objDcpd[3]
        } else if (myScore < jgfs) {
            return objDcpd[4]
        }

        return dcpd
    }


    // getDcpd = (myScore) => {
    //     // let { myScore } = this.state
    //     // let { jgfs, zf } = this.state.ksxx
    //     // let dcpd
    //     // if (myScore < jgfs) {
    //     //     dcpd = '4' // 不及格'
    //     // } else if (myScore === jgfs) {
    //     //     dcpd = '3'// 及格'
    //     // } else if (myScore > jgfs && myScore < zf) {
    //     //     dcpd = '2'// 良好'
    //     // } else if (myScore === zf) {
    //     //     dcpd = '1'// 优秀'
    //     // }
    //     return myScore
    // }

    return (
        <>
            <div>
                <h2>总分：{zf}</h2>
                <h2>及格分数：{jgfs}</h2>
            </div>
            <div style={{ display: 'flex' }}>

                {
                    arrMyScore?.map(item => {
                        return (
                            <>
                                <div style={{ marginRight: '20px' }}>
                                    <h2>我的分数：{item}</h2>
                                    <h2>等次评定：{getDcpd(item)}</h2>
                                </div>
                            </>
                        )
                    })
                }
            </div>
            <div>
                <h3>测试遍历</h3>
                {
                    arr.map(item => {
                        return (
                            <>
                                <h4>{item.name}:{item.age}</h4>
                            </>
                        )
                    })
                }
            </div>
        </>
    )
}